<template>
	<view class="mine-head">
		<!-- <view class="status-bar"></view> -->
		<view class="box">
		<h3>{{$t('mine.title')}}</h3>
		<image class="systen" src="../../static/mine/systen.png" mode="" @click="goSystem"></image>
		<image class="kf" src="../../static/mine/ear.png" mode="" @click="gokefu"></image>
		</view>
		<!-- 用户 已登录-->
		<mine-user ref="usermsg_lv" :userdata="userdata"></mine-user>
		
		<!-- 用户信息 -->
		<mine-userMsg ref="usermsg" :userdata="userdata"></mine-userMsg>
		
	</view>
</template>

<script>
	import user from '../mine-user/mine-user.vue'
	import msg from '../mine-userMsg/mine-userMsg.vue'
	export default {
		props: ['userdata'],
		components:{
			user,
			msg
		},
		data() {
			return {
				id:'',
				lv:'1',
				sheb:'3',
				sy:'666',
				frend:'61',
				banben:'1.2.6'
			};
		},
		methods:{
			gokefu(){
				// 去客服
				uni.navigateTo({
					url:'../../pages/custom/custom'
				})
			},
			goSystem(){
				// 去设置
				uni.navigateTo({
					url:'../../pages/system/system'
				})
			}
		}
	}
</script>

<style scoped>
	
	.box{
		width: 100%;
		text-align: center;
		position: relative;
	}
.mine-head{
	width: 100%;
	background: linear-gradient(to bottom, #DCEAFF 30%, #FFFFFF 60%);
	/* margin-bottom: 20rpx; */
	/* height: 500rpx; */
}
	.box>image{
		width: 40rpx;
		height: 40rpx;
	}
	.systen{
		position: absolute;
		top: 10rpx;
		right: 110rpx;
	}
	.kf{
		position: absolute;
		top: 10rpx;
		right: 40rpx;
	}
	.box1{
		width: 100%;
		height: 200rpx;
		position: relative;
	}
	.box1>image{
		width: 160rpx;
		height: 160rpx;
		border-radius: 50%;
		margin: 20rpx;
	}
	.id{
		font-weight: bolder;
		position: absolute;
		top: 60rpx;
		left: 200rpx;
	}
	.lv{
		position: absolute;
		top: 70rpx;
		left: 380rpx;
		font-size: .3em;
	}
	.lv-img{
		width: 20rpx;
		height: 20rpx;
		margin-right: 6rpx;
	}
	.sheb{
		position: absolute;
		top: 120rpx;
		left: 200rpx;
		font-size: .3em;
		opacity: .7;
	}
	.changez{
		position: absolute;
		font-size: .8em;
		top: 70rpx;
		right: 40rpx;
		width: 160rpx;
		height: 52rpx;
		line-height: 52rpx;
		background-color: #007AFF;
		border-radius: 26rpx;
		color: white;
	}
	.msg1{
		font-size: 1.2em;
		display: flex;
		justify-content: space-evenly;
	}
	.msg2{
		display: flex;
		justify-content: space-evenly;
		font-size: 24rpx;
		font-weight: 400;
		color: #7E8187;
	}
	.fd{
		position: relative;
		left: -20rpx;
	}
	.vip{
		margin: auto;
	}
	.vip>image{
		width: 90%;
		height: 200rpx;
		margin-left: 50rpx;
		margin-top: -100rpx;
	}
</style>
